
<style scoped>
@import url(https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css);
   .box{
    box-shadow: 2px 4px 6px gray;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 5px;
  }

.markdown-body {
    box-sizing: border-box;
    min-width: 200px;
    max-width: 98%;
    margin: 0 auto;
    box-shadow: 2px 4px 6px gray;
    padding-left: 30px;
    padding-right: 25px;
    padding-top: 40px;
    padding-bottom: 45px;
    margin-bottom: 50px
} 
 
 

@media (max-width: 767px) {
    .markdown-body {
        padding: 15px;
    }
}

 /* .markdown-body {
        box-sizing: border-box;
        min-width: 200px;
        max-width: 980px;
        margin: 0 auto;
        padding: 45px;
    }

    @media (max-width: 767px) {
        .markdown-body {
            padding: 15px;
        }
    } */


    


</style>

<template>
  <article class="markdown-body" style="text-align:left" v-html="content"></article>
</template>

<script>
export default {
    name : 'MarkdownEditor',
    props:['content' ],
    data() {
      return {
        defaultData: "preview",
        BT: null,
        map: null
    }
  },
  created(){
  
  },
  mounted(){
 
  },
  methods:{

  }
}
</script>
